<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
    <script  src="./static/js/jquery-1.12.4.js"></script>
    <script  src="./static/js/jQueryRotate.js"></script>
    <title>test</title>



</head>
<body>
<center>
<div style="margin-bottom: 30px;">
    <button type="button" id="r1">左转</button>
    <button type="button" id="r2">右转</button>
</div>
<img  src="./rs/verify/code/image">
</center>
    <div></div>

    <button type="button" id="test" >test</button>
    <button type="button" id="xxx">xxx</button>



    <%--<div>--%>
        <%--<img src="<%=request.getContextPath()%>/static/images/404.png" alt="404" />--%>
    <%--</div>--%>

</body>
</html>
<script>
    $("img").on("click",function () {
        console.log("click");
        $(this).attr("src", "./rs/verify/code/image?date="+new Date());
    });
    $("#test").on("click",function () {
        $.post({
            url: "./rs/test2.do",
            data: JSON.stringify({})


        }).success(function (data) {
            $("div").html(JSON.stringify(data));

        });
    });
    $("#xxx").on("click",function () {
        $.post({
            url: "./rs/x/x/x.do",
            data: JSON.stringify({})


        }).success(function (data) {
            $("div").html(JSON.stringify(data));

        });
    });
    var angle=0;
    $("#r1").on("click",function () {
        angle-=90;
        $("img").rotate(angle);
    });
    $("#r2").on("click",function () {
        angle+=90;
        $("img").rotate(angle);
    });

</script>
